<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>收入情况</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="../../../css/amazeui.css"/>
    <link rel="stylesheet" href="../../../css/im.css"/>
    <script src="../../../js/jquery-1.4.2.min.js"></script>
    <script src="../../../js/iscroll.js"></script>
    <style>

        #wrapper {
            position: absolute;
            z-index: -1;
            top: 64px;
            bottom: -3em;
            margin-top: -3em;
            left: 0;
            width: 100%;
            overflow: inherit;
        }

        #scroller {
            position: absolute;
            z-index: -1;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            width: 100%;
        }

    </style>

    <script>
        var arr = ['AA', 'BB', 'CC'];
        $(document).ready(function () {
            var _select = document.getElementById("payType");
            for (var i = 0; i < arr.length; i++) {
                var obj = arr[i];
                _select += '<option>' + obj + '</option>';
            }
            $('#payType').append(_select);
        });

        //下拉栏js
        var $$ = function (id) {
            return document.getElementById(id);
        }
        function OC_1(i) {
            var btnSelect1 = $$("btn_select_1");
            var curSelect1 = btnSelect1.getElementsByTagName("span")[0];
            var chgSelect1 = $$(i);
            curSelect1.innerHTML = chgSelect1.value;
        }
    </script>
    <script>
        var myScroll;
        myScroll = new iScroll('wrapper', {
            useTransition: true,
            hScroll: false,
            topOffset: 0,
            y: 0

        }, 100);
        document.addEventListener('touchmove', function (e) {
            e.preventDefault();
        }, false);

        document.addEventListener('DOMContentLoaded', function () {
            setTimeout(loaded, 200);
        }, false);

    </script>

</head>
<body>
<div class="am-tabs" id="doc-my-tabs">
    <!--导航栏-->
    <ul class="am-tabs-nav am-nav am-nav-tabs am-nav-justify am-topbar-fixed-top">
        <li id="tabOne" class="am-active"><a id="title">收入情况</a></li>
    </ul>
</div>
<!--滚动部分-->
<div id="wrapper" style="margin-top: -2em">
    <div id="scroller">

        <br>
        <table class="am-table am-text-middle am-table-nobordered am-table-compact">
            <tbody>
            <tr>
                <th>工资性收入(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>生产经营性收入(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>财产性收入(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>转移性收入(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>计划生育金(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>低保金(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>

            </tr>
            <tr>
                <th>五险金(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>养老保险金(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>生态补偿金(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>其他转移性收入(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>年收入(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>纯收入(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>生产性支出(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>人均纯收入(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>大宗消费金额(元)</th>
                <th>
                    <form>
                        <input type="text" style="width: 200px" class="am-form-field im-fp-input">
                    </form>
                </th>
            </tr>
            <tr>
                <th>大宗消费类型</th>
                <th>
                    <div class="btn-select" id="btn_select_1">
                        <span class="cur-select">请选择</span>
                        <select id="payType" onclick="OC_1(this.id)" onchange="OC_1(this.id)">
                        </select>
                    </div>
                </th>
            </tr>
            </tbody>
        </table>
        <div align="center">
            <button type="button" class="am-btn am-btn-primary am-radius im-fp-bt-select">保存</button>
        </div>
    </div>
</div>

<!--返回按钮-->
<img src="../../../img/Back.png" class="img-left"
     onclick="backBtn()">
<script>

    //返回按钮
    function backBtn() {
        window.localStorage.setItem("page", 2);
        window.localStorage.setItem("input", 2);
        window.top.location.href = "../../../main.html";
    }

    $(function () {
        $('#doc-my-tabs');
    });


    //下拉栏js
    var $$ = function (id) {
        return document.getElementById(id);
    }
    function OC1(i) {

        var btnSelect1 = $$("btn_select_5");
        var curSelect1 = btnSelect1.getElementsByTagName("span")[0];
        var chgSelect1 = $$(i);
        alert(chgSelect1.value);
        curSelect1.innerHTML = chgSelect1.value;

    }
    function OC(i) {
        var btnSelect1 = $$("btn_select_6");
        var curSelect1 = btnSelect1.getElementsByTagName("span")[0];
        var chgSelect1 = $$(i);
        alert(chgSelect1.value);
        curSelect1.innerHTML = chgSelect1.value;
    }
</script>
</body>
</html>
